import  { memo} from 'react'

import  HotRecommend  from './c-cpns/hot-recommend'
import  NewAlbum  from './c-cpns/new-album'
import  RecommendRanking  from './c-cpns/recommend-ranking'

import { 
  RecommendWrapper,
  Content,
  RecommendLeft,
  RecommendRight
} from './style';

import TopBanner from './c-cpns/top-banner/index'

function Recommend(props) {

   return (
     <RecommendWrapper>
       <TopBanner></TopBanner>
       <Content className="wrap-v2">
        <RecommendLeft>
          <HotRecommend/>
          <NewAlbum/>
          <RecommendRanking/>
        </RecommendLeft>
        <RecommendRight>
          右边
        </RecommendRight>
       </Content>
     </RecommendWrapper>
   )
 }
 

export default memo(Recommend);
